/*这也是less注释 这种注释可以编译*/
/*less 可以像js 一样 声明变量，函数，嵌套*/
@import 'demo2.css';
/*less变量*/
div {
  color: #00b3ff;
  font-size: 20px;
}
/*函数--->混入*/
div {
  width: 100px;
  height: 100px;
  background-color: #00b3ff;
  transform: translate(10px, 10px);
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
}
h3 {
  background-color: #00b3ff;
  transform: translate(30px, 40px);
  -webkit-transform: translate(30px, 40px);
  -moz-transform: translate(30px, 40px);
}
h4 {
  height: 200px;
  transform: translate(5px, 5px);
  -webkit-transform: translate(5px, 5px);
  -moz-transform: translate(5px, 5px);
}
/*嵌套*/
.main {
  width: 100%;
  height: 200px;
}
.main div {
  height: 100px;
}
.main div::after {
  content: "";
}
.main div a {
  text-decoration: none;
}
.main div a:hover {
  color: #ff0000;
}
.main div h2 {
  font-weight: normal;
}
.main div p {
  line-height: 20px;
}
.main div p span {
  display: inline;
}
